import { FadeIn } from '@/components/Animation';
import { homeHeImg } from '@/utils/imgs';

export default function ReportMod() {
  return (
    <div className="mainWidth hmReportMod">
      <div
        className="imgwrap"
        style={{ background: `url(${homeHeImg}) no-repeat top`, backgroundSize: 'cover' }}
      >
        <div className="rcon">
          <FadeIn>
            <div className="inner p-[75px] center-v">
              <div className="inner2">
                <div className="txts text-[20px]">
                  <div className="tit mb-[20px]">
                    2025 Global Solar Report - The State of PV Performance
                  </div>
                  <div className="text-white  font-bold">
                    Solar has experienced 214% increase of equipment-driven underperformance over 5
                    years: access the report to learn more about the most significant loss drivers,
                    emerging industry trends, and performance benchmarks across markets, asset
                    class, PV technology, and more.
                  </div>
                </div>
              </div>
            </div>
          </FadeIn>
        </div>
      </div>
    </div>
  );
}
